<#assign ctx=request.contextPath />
<!DOCTYPE html>
<html>

	<head>
        <base id="ctx" href="${ctx}">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>1111</title>
		<link rel="stylesheet" href="${ctx}/layui/css/layui.css" media="all">
		<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="${ctx}/build/css/app.css" media="all">
		<link rel="stylesheet" href="${ctx}/build/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/build/iconfont/iconfont.css" />
	</head>
	<style>
		.kit-layout-admin .layui-body {
			bottom: 0px!important;
		}
		
		a:hover {
			text-decoration: none;
		}
		
		a:visited {
			text-decoration: none;
		}
		
		a {
			text-decoration: none;
		}
		
		.layui-header .layui-nav .layui-nav-item a:hover {
			font-size: 16px;
			background-color: rgb(77,177,81);
		}
		
		.layui-header {
			background-color: rgb(77,177,81)!important;
		}
		
		.kit-nav .layui-this {
			background-color: rgb(46, 204, 113)!important;
		}
		
		.layui-nav .layui-nav-item a {
			color: white;
		}
	.layui-side-scroll{
		width: 170px!important;
	}
	.kit-layout-admin .kit-sided{
		width: 50px!important;
	}
	.layui-layout-admin .layui-side{
		width: 170px;
	}
	
	.layui-body{
		left: 170px;
	}
	</style>

	<body>
		<div class="layui-layout layui-layout-admin kit-layout-admin">
			<!--上方菜单-->
			<div class="layui-header">
				<div class="layui-logo" style="width: 200px; color: #FFFFFF;">
					<span style=""><img src="${ctx}/img/house.png" />  智慧小区</span>
				</div>
				<ul class="layui-nav layui-layout-right kit-nav">
					<li class="layui-nav-item" style="padding-right: 30px;">
						<a href="javascript:void(0)"> <img src="${ctx}/img/title.png" / style="padding-right: 10px;">精彩源于自信，创新永无止境
						</a>
					</li>
					<li class="layui-nav-item">
						<a id="suopin" data-method="notice" href="javascript:void(0)">🔒锁屏</a>
					</li>
					<li class="layui-nav-item">
						<a style="color: #FFFFFF; text-decoration: none;" href="javascript:;">
							<i class="iconfont icon-anniu" style="font-size: 20px; color: red;"></i>&nbsp;0</a>
					</li>
					<li class="layui-nav-item">
						<a style="color: #FFFFFF;text-decoration: none;" href="javascript:;">
							<i class="iconfont icon-anniu" style="font-size: 20px; color: orange;"></i>&nbsp;0</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;" style="color: #FFFFFF;">
							<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
						</a>
					</li>
				</ul>
			</div>

			<!--左侧导航-->
			<div class="layui-side layui-bg-black kit-side" id="1" style=" font-size: 10px;">
				<div class="layui-side-scroll">
					<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul id="nav-left" class="layui-nav layui-nav-tree " lay-filter="" kit-navbar>
						<li class="layui-nav-item">
							<a class="" href="javascript:;"><span>数据中心</span></a>
							<dl class="layui-nav-child" style="margin-bottom: 0px;">
								<dd>
									<a href="javascript:;" kit-target data-options="{url:'communityList.html',icon:'',title:'小区管理',id:'1'}"><span>小区管理</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="双随机检查.html" data-icon="" data-title="楼宇管理" kit-target data-id='2'><span>楼宇管理</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="双随机检查.html" data-icon="" data-title="房屋管理" kit-target data-id='3'><span>房屋管理</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="双随机检查.html" data-icon="" data-title="车位管理" kit-target data-id='4'><span>车位管理</span></a>
								</dd>
								
								<dd>
									<a href="javascript:;" data-url="双随机检查.html" data-icon="" data-title="车辆管理" kit-target data-id='5'><span>车辆管理</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="双随机检查.html" data-icon="" data-title="住户管理" kit-target data-id='6'><span>住户管理</span></a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a class="" href="javascript:;"><span>收费管理</span></a>
							<dl class="layui-nav-child" style="margin-bottom: 0px;">
								<dd>
									<a href="javascript:;" data-url="bill/doNoBill" data-icon="" data-title="未缴账单" kit-target data-id='7'><span>未缴账单</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="html/Task/办事处查看.html" data-icon="" data-title="缴费记录" kit-target data-id='8'><span>缴费记录</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="html/Task/执法者查看.html" data-icon="" data-title="缴费通知" kit-target data-id='9'><span>缴费通知</span></a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<div class="layui-body" id="container">
				<!-- 内容主体区域 -->
				<div style="padding: 15px;">主体内容加载中,请稍等...</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="${ctx}/build/js/jquery-1.11.1.min.js"></script>
	<script src="${ctx}/layui/layui.js"></script>
	<script type="text/javascript" src="${ctx}/build/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/build/iconfont/iconfont.js"></script>
	<script>
		var message;
		layui.config({
			base: '${ctx}/build/js/'
		}).use(['app', 'message'], function() {
			var app = layui.app,
				$ = layui.jquery,
				layer = layui.layer;
			//将message设置为全局以便子页面调用
			message = layui.message;
			//主入口
			app.set({
				type: 'iframe'
			}).init();
		});
		layui.use('layer',function() { //独立版的layer无需执行这一句
					var $ = layui.jquery,
						layer = layui.layer; //独立版的layer无需执行这一句
					//触发事件
					var active = {
						notice: function() {
							//示范一个公告层
							layer
								.open({
									type: 1,
									title: false //不显示标题栏
										,
									closeBtn: false,
									area: ['350px', '200px'],
									shade: 0.8,
									id: 'LAY_layuipro' //设定一个id，防止重复弹出
										,
									moveType: 0 //拖拽模式，0或者1
										,
									content: '<center class="layui-layer-content"><div style="padding-top:12px;"><img src="img/admin1.jpg" width="70px" style="border-radius: 50%;box-shadow: 0 0 30px #44576b;" /></div><div style="padding-top:12px;">银</div><div style="padding-top:12px;"><input class="layui-input" type="password" style="width: 150px;display: inline-block;	background-color: rgb(244, 244, 244);"/><button id="jiesuo"  class="layui-btn layui-btn" style="display: inline-block;background-color: rgb(72, 234, 141);margin-left:15px;">解锁</button></div><div style="color:red;padding-top:8px;">忘记密码请联系平台管理员</div></center>',
								});
							$("#jiesuo").click(function() {
								//点击解锁的操作
								layer.closeAll();
							})
						}

					};

					$('#suopin').on(
						'click',
						function() {
							var othis = $(this),
								method = othis
								.data('method');
							active[method] ? active[method]
								.call(this, othis) : '';
						});

				});
				$(".kit-side-fold").click(function(){
					
				})
	</script>
</html>